﻿@model List<SuperiorModel.RechargeModel>
@{
    ViewBag.Title = "续费充值";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<input type="hidden" id="mapRotute" map="map_home" />
<style>
   #buydiv ul{
       list-style:none;
       float:left;
   }
   #buydiv li{
       float:left;
   }
   .buy_side{
    width: 150px;
    height: 70px;
    border: 1px solid #cccccc;
    margin-left: 39px;
    cursor: pointer;
   }
   .buy_title{
      text-align: center;
    font-size: 16px;

    margin-top: 10px;
   }
    .buy_amount {
        text-align:center;
        font-size:23px;
   
    }
    .chose{
        border:2px solid #4748c1;
        color:#4748c1;
    }
</style>
<div class="title_ding">

    <p id="location">
        当前位置：
        续费充值
    </p>
</div>
<div class="layui">
    <div class="shopmain">
        <div class="layui-card">
           
            <div class="layui-card-body">
                <div class="layui-form" action="">
                    <div class="layui-form-item">
                        <label for="text_shopname" class="layui-form-label">
                            小程序商城
                        </label>
                   
                        <div class="layui-input-inline" style="width:80%" id="buydiv">
                            <ul>
                                @foreach (var item in Model)
                                {
                                    if (item.AppType == 1)
                                    {
                                        if (item.SallType == 1)
                                        {
                                            <li>
                                                <div class="buy_side chose" rid="@item.Id" rtitle="@item.Title" ramount="@item.Amount" appType="@item.AppType">
                                                    <div class="buy_title">@item.Title</div>
                                                    <div class="buy_amount">￥@item.Amount</div>
                                                </div>
                                            </li>
                                        }
                                        else
                                        {
                                            <li>
                                                <div class="buy_side" rid="@item.Id" rtitle="@item.Title" ramount="@item.Amount" appType="@item.AppType">
                                                    <div class="buy_title">@item.Title</div>
                                                    <div class="buy_amount">￥@item.Amount</div>
                                                </div>
                                            </li>
                                        }

                                    }
                                }
                               
                            </ul>
                        </div>
                       
                    </div>
                    <div class="layui-form-item" >
                        <label for="text_shopname" class="layui-form-label">
                            H5商城
                        </label>
                        <div class="layui-input-inline" style="width:80%" id="buydiv">
                            <ul>
                                @foreach (var item in Model)
                                {
                                    if (item.AppType == 2)
                                    {
                                        <li>
                                            <div class="buy_side" rid="@item.Id" rtitle="@item.Title" ramount="@item.Amount" appType="@item.AppType">
                                                <div class="buy_title">@item.Title</div>
                                                <div class="buy_amount">￥@item.Amount</div>
                                            </div>
                                        </li>
                                    }
                                }

                            </ul>
                        </div>

                    </div>
                    <div class="layui-form-item">
                        <label  class="layui-form-label">
                            产品信息
                        </label>
                        <div class="layui-input-inline" style="width:60%;margin-left: 39px;">
                            <input type="text" id="msgSpan" value="小程序商城(一个月)" class="layui-input">
                            
                        </div>
                       
                    </div>
                    <div class="layui-form-item">
                        <label  class="layui-form-label" >
                            价格
                        </label>
                        <div class="layui-input-inline" style="width:60%;margin-left: 39px;">
                            <input type="text" id="amountSpan" value="￥300.00" class="layui-input">
                        </div>

                    </div>
                    <div class="layui-form-item" style="text-align:center;">
                        <div class="layui-input-block" style="margin:0;">
                            <button style="width: 120px;" class="layui-btn"  id="btnBuy">购买</button>
                           
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

<script src="~/scripts/Home/Recharge.js?v=233"></script>
<script>
    RechargeClass.Instance.Init();
</script>